<script setup>
import PageTop from "@/components/PageTop.vue";
import NewsItem from "@/components/items/NewsItem.vue";
import AreaTop from "@/components/AreaTop.vue";

</script>

<template>
  <page-top title="论坛活动" desc="Forum activities" bg-image="https://www.chinaydfl.com/upfile/image/20220215/1644907379_887565.png"></page-top>
  <area-top title="论坛活动" />
  <div class="new-page wrap">

  <div class="page-title">论坛活动</div>
  <div class="news-list">
    <news-item />
  </div>
</div>
</template>

<style scoped lang="scss">
.new-page{
  padding:45px 0 40px;
}

.page-title{
  font-size: 24px;
  color: #252b3a;
  font-weight: bold;
  line-height: 1.5;
  padding-bottom: 18px;
  border-bottom: 1px solid #e5e5e5;
}

</style>
